<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Teste do slider</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
	<script type="text/javascript" src="teste.js"></script>
	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.1/build/cssreset/cssreset-min.css">
	<link rel="stylesheet" type="text/css" href="teste.css" />
</head>

<body>
	<div id="slider">
		<div class="slider-nav">
			<a id="nav-esq" href="javascript:void(0)" title="Anterior">Anterior</a>
			<a id="nav-dir" href="javascript:void(0)" title="Pr&oacute;ximo">Pr&oacute;ximo</a>
		</div>
		<div class="box-banner">
			<a href="#">
				<img src="banner1.jpg" alt="" />
			</a>
		</div>
		<div class="box-banner">
			<a href="#">
				<img src="banner2.jpg" alt="" />
			</a>
		</div>
		<div class="box-banner">
			<a href="#">
				<img src="banner3.jpg" alt="" />
			</a>
		</div>
		<div class="box-banner">
			<a href="#">
				<img src="banner4.jpg" alt="" />
			</a>
		</div>
		<div class="box-banner">
			<a href="#">
				<img src="banner5.jpg" alt="" />
			</a>
		</div>
	</div>
</body>
</html>